<template>
  <div>父组件---{{ money }}</div>
  <hr />
  <AppSon></AppSon>
</template>
<script setup>
/*

vue2
  高阶向低阶传值
    provide:传 
       provide(){return {  属性名:值 }}
    inject：收
       inject:{ 属性名:{ type...  }   }

vue3:
  高阶向低阶传值
    传
       导入  import {provide} from 'vue'
         provide('属性名',属性值)

    收
       导入 import {inject} from 'vue'
       const 变量名 = inject('属性名',默认值)
        变量名====收到的值（传的属性值）


*/
import { provide, ref } from 'vue'
import AppSon from './components/AppSon.vue'
const money = ref(1000)
provide('money', money)

const setMoney = num => {
  money.value = money.value - num
}
provide('setMoney', setMoney)
</script>
